<h1><i class="fontello-icon-money"></i> Control de Cuentas y Bancos</h1>

<div class="tabs2" data-view="Rin.Views.Tabs" data-default="cuentas">
	<a data-name="cuentas"><span>Control de Cuentas de Banco</span></a>
	<a data-name="bancos"><span>Control de Bancos</span></a>
</div>

<div>

	<div data-name="cuentas">

		<!-- Formulario para agregar cuenta. -->
		<form id="frmRegistroCuenta" action="code/api/c_cuentas.php" class="form hidden">

			<input type="hidden" name="op" value="agregar"/>

			<fieldset>
				<legend>Registrar Cuenta de Banco</legend>

				<div>
					<label>Banco:</label>
					<select data-model="Cuentas.modeloLocal" data-content="html" data-observe="bancos" name="banco">
						<option value="">Seleccione ...</option>
						[[#each bancos]]
						<option value="[[id]]">[[value]]</option>
						[[/each]]
					</select>
				</div>

				<div>
					<label>Número de Cuenta:</label>
					<input type="text" name="cuenta"/>
				</div>

				<div>
					<label>Saldo Inicial:</label>
					<input type="text" name="inicial"/>
				</div>

				<div class="message error"></div>

				<div class="buttons">
					<input type="submit" value="Guardar"/>
					<button onclick="Cuentas.cancelarRegistroCuenta(); return false;">Cancelar</button>
				</div>
			</fieldset>    

		</form>

		<!-- Formulario para editar cuenta. -->
		<form id="frmEditarCuenta" action="code/api/c_cuentas.php" class="form hidden">

			<input type="hidden" name="op" value="actualizar" />
			<input type="hidden" name="cuenta" />

			<fieldset>
				<legend>Editar Cuenta de Banco</legend>

				<div>
					<label>Banco:</label>
					<select data-model="Cuentas.modeloLocal" data-content="html" data-observe="bancos" name="banco">
						<option value="">Seleccione ...</option>
						[[#each bancos]]
						<option value="[[id]]">[[value]]</option>
						[[/each]]
					</select>
				</div>

				<div>
					<label>Saldo Inicial:</label>
					<input type="text" name="inicial"/>
				</div>

				<div>
					<label>Saldo Actual:</label>
					<input type="text" name="actual"/>
				</div>

				<div class="message error"></div>

				<div class="buttons">
					<input type="submit" value="Guardar Cambios"/>
					<input onclick="Cuentas.cancelarEditarCuenta(); return false;" type="button" value="Cancelar"/>
				</div>
			</fieldset>
		</form>

		<div class="control-buttons">
			<button onclick="Cuentas.pagAnterior()"><i class="fontello-icon-left-circle"></i></button>

			<span data-content="html" data-model="Cuentas.modeloLocal" data-observe="pagina, paginas">
				<em>Página:</em> [[pagina]] / [[paginas]]
			</span>

			<button onclick="Cuentas.pagSiguiente()"><i class="fontello-icon-right-circle"></i></button>

			<select data-model="Cuentas.modeloLocal" data-property="count">
				<option value="1">1</option>
				<option value="5">5</option>
				<option value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>

			<button onclick="Cuentas.cargarLista()"><i class="fontello-icon-ccw"></i></button>
			<button onclick="Cuentas.expandirRegistroCuenta()"><i class="fontello-icon-plus-circle"></i> Registrar Cuenta</button>

			<button class="float-right very-bold" onclick="Cheques.filtrarLista();"><i class="fontello-icon-search"></i> Filtrar</button>

			<button class="float-right" onclick="Cuentas.exportar(true);"><i class="fontello-icon-table"></i> Exportar Todo</button>
			<button class="float-right" onclick="Cuentas.exportar(false);"><i class="fontello-icon-eye"></i> Exportar Visible</button>

			<div class="filters">

				<div class="filter">
					<label><i class="fontello-icon-filter"></i> Banco:</label>
					<select data-model="Cuentas.modeloLocal" data-content="html" data-observe="bancos" data-property="banco">
						<option value="">(Todos)</option>
						[[#each bancos]]
						<option value="[[id]]">[[value]]</option>
						[[/each]]
					</select>
				</div>

				<div class="filter">
					<label><i class="fontello-icon-filter"></i> <u>Número de Cuenta</u>:</label>
					<input type="text" data-model="Cuentas.modeloLocal" data-property="cuenta"/>
				</div>

			</div>

		</div>

		<!-- Listado de cuentas. -->
		<div class="table" data-content="html" data-model="Cuentas.modeloLocal" data-observe="lista">
			[[#if lista_vacia]]

				<div class="header">
					<span class="no-data">No hay cuentas de banco que mostrar.</span>
				</div>

			[[:else]]

				<div class="header">
					<span>Número de Cuenta</span>
					<span>Banco</span>
					<span>Saldo Inicial</span>
					<span>Saldo Actual</span>
					<span style="width: 170px;"></span>
				</div>

				[[#each lista]]
				<div>
					<span>[[cuenta]]</span>
					<span>[[banco]]</span>
					<span>[[CURRENCY saldo_ini]]</span>
					<span>[[CURRENCY saldo_act]]</span>
					<span class="buttons">
						<button onclick="Cuentas.borrarCuenta('[[cuenta]]');"><i class="fontello-icon-trash-2"></i> Eliminar</button>
						<button onclick="Cuentas.editarCuenta('[[cuenta]]');"><i class="fontello-icon-edit"></i> Editar</button>
					</span>
				</div>
				[[/each]]

			[[/if]]
		</div>

	</div>

	<div data-name="bancos">

		<!-- Formulario para agregar banco. -->
		<form id="frmRegistroBanco" action="code/api/c_bancos.php" class="form hidden">

			<input type="hidden" name="op" value="agregar"/>

			<fieldset>
				<legend>Registrar Banco</legend>

				<div>
					<label>Nombre de Banco:</label>
					<input type="text" name="nombre"/>
				</div>

				<div class="message error"></div>

				<div class="buttons">
					<input type="submit" value="Guardar"/>
					<button onclick="Bancos.cancelarRegistroBanco(); return false;">Cancelar</button>
				</div>
			</fieldset>    

		</form>

		<!-- Formulario para editar banco. -->
		<form id="frmEditarBanco" action="code/api/c_bancos.php" class="form hidden">

			<input type="hidden" name="op" value="actualizar" />
			<input type="hidden" name="id" />

			<fieldset>
				<legend>Editar Registro de Banco</legend>

				<div>
					<label>Nombre de Banco:</label>
					<input type="text" name="nombre"/>
				</div>

				<div class="message error"></div>

				<div class="buttons">
					<input type="submit" value="Guardar Cambios"/>
					<input onclick="Bancos.cancelarEditarBanco(); return false;" type="button" value="Cancelar"/>
				</div>
			</fieldset>
		</form>

		<div class="control-buttons">
			<button onclick="Bancos.pagAnterior()"><i class="fontello-icon-left-circle"></i></button>

			<span data-content="html" data-model="Bancos.modeloLocal" data-observe="pagina, paginas">
				<em>Página:</em> [[pagina]] / [[paginas]]
			</span>

			<button onclick="Bancos.pagSiguiente()"><i class="fontello-icon-right-circle"></i></button>

			<select data-model="Bancos.modeloLocal" data-property="count">
				<option value="1">1</option>
				<option value="5">5</option>
				<option value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>

			<button onclick="Bancos.cargarLista()"><i class="fontello-icon-ccw"></i></button>
			<button onclick="Bancos.expandirRegistroBanco()"><i class="fontello-icon-plus-circle"></i> Registrar Banco</button>

			<button class="float-right very-bold" onclick="Cheques.filtrarLista();"><i class="fontello-icon-search"></i> Filtrar</button>

			<button class="float-right" onclick="Bancos.exportar(true);"><i class="fontello-icon-table"></i> Exportar Todo</button>
			<button class="float-right" onclick="Bancos.exportar(false);"><i class="fontello-icon-eye"></i> Exportar Visible</button>
		</div>

		<!-- Listado de bancos. -->
		<div class="table" data-content="html" data-model="Bancos.modeloLocal" data-observe="lista">
			[[#if lista_vacia]]

				<div class="header">
					<span class="no-data">No hay registros de bancos que mostrar.</span>
				</div>

			[[:else]]

				<div class="header">
					<span>ID de Banco</span>
					<span>Nombre de Banco</span>
					<span style="width: 170px;"></span>
				</div>

				[[#each lista]]
				<div>
					<span>[[id]]</span>
					<span>[[nombre]]</span>
					<span class="buttons">
						<button onclick="Bancos.borrarBanco('[[id]]');"><i class="fontello-icon-trash-2"></i> Eliminar</button>
						<button onclick="Bancos.editarBanco('[[id]]');"><i class="fontello-icon-edit"></i> Editar</button>
					</span>
				</div>
				[[/each]]

			[[/if]]
		</div>

	</div>

</div>
